<!DOCTYPE htm PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtm1/DTD/xhtm1-transitional.dtd">
<htm xmlns="http://www.w3.org/1999/xhtm">

<head>

<meta http-equiv="Content-Type" content="text/htm; charset=utf-8" />

<title>Shopping Cart</title>

<link href="../css/style.css" rel="stylesheet" type="text/css" />

<script src="../js/cufon-yui.js" type="text/javascript"></script>

<script src="../js/Comfortaa_400.font.js" type="text/javascript"></script>





<script type="text/javascript">

    Cufon.replace('h1', { fontFamily: 'Comfortaa' });

    Cufon.replace('h2', { fontFamily: 'Comfortaa' });

    Cufon.replace('h3', { fontFamily: 'Comfortaa' });

    Cufon.replace('h4', { fontFamily: 'Comfortaa' });



        </script></head>



<body>

<div id="Layout">

<!-- BEGIN HEADER -->

  <div id="Top">

    <div id="Logo">

      <h1><a href="index.htm">Shopping Cart</a></h1>

    </div><!-- end div #Logo -->

    <div id="TopContent">

      <ul>

        <li class="cart"><a href="shopping-cart.htm">Shopping Cart</a></li>

        <li class="cart-value"><span class="blue"><a href="#">6 item</a></span> | <span>$3000.00</span></li>

      </ul>

    </div>      <!-- end div #TopContent -->



    <div id="Nav">

      <div class="NavBody">

        <ul>

          <li> <a href="#">Homepage</a></li>

          <li> <a href="#">NEW PRODUCT</a></li>

          <li> <a href="#">SPECIALS</a></li>

          <li> <a href="#">MY ACCOUNT</a></li>

          <li> <a href="#">CONTACTS</a></li>

          <li class="search">

            <input type="image" class="action" src="../images/search-action.jpg" />

            <input type="text" class="searchfeild" />

          </li>

        </ul>

      </div>

    </div>      <!-- end div #Nav -->



  </div>      <!-- end div #Top -->

      <!-- END HEADER -->

      

      <!-- BEGIN CONTENT -->

        <div id="Content">

            <div class="LeftSide">

                <div class="leftBox">

                    <h3>Category</h3>

                    <div class="leftBoxBody">

                        <ul class="cat-link">

                            <li><a href="#">Lapsum category</a></li>

                            <li><a href="#">Lapsum category</a></li>

                            <li><a href="#">Lapsum category</a></li>

                            <li><a href="#">Lapsum category</a></li>

                            <li><a href="#">Lapsum category</a></li>

                            <li><a href="#">Lapsum category</a></li>

                        </ul>

                    </div>

                </div>

                

                

                

                <div class="cards">

                    <ul>

                        <li><a href="#"><img src="../images/paypal.gif" alt="" /></a></li>

                      <li><a href="#"><img src="../images/card-visia.gif" alt="" /></a></li>

                        <li><a href="#"><img src="../images/card-master.gif" alt="" /></a></li>

                    </ul>

                </div>

                

            </div>   <!-- end div #LeftSide -->

            <div class="RightSide">     



                <div class="bredCrum">

                    <h4><a href="index.htm">Home</a>   >>  <a href="#" class="select"> Your shopping cart </a> </h4>

              </div>

                <div class="cartDetail">

                    <div class="headings">

                        <ul>

                            <li class="perview">PERVIEW</li>

                            <li class="proName">PRODUCT NAME</li>

                            <li class="priceHead">PRICE</li>

                            <li class="quanitity">QUANITATY</li>

                            <li class="total">TOTAL</li>

                        </ul>

                        <div class="clr"></div>

                    </div>

                    

                    <div class="proList">

                        <ul>

                            <li class="number">1.</li>

                            <li class="thumbMail"><a href="#"><img src="../images/listImg.gif" alt=""/></a></li>

                            <li class="proName"><a href="product.htm">This is the Name of Product</a></li>

                          <li class="priceHead">$3000.00</li>

                            <li class="quanitity">

<div class="icons"><a href="#" title="plus-pro"><img src="../images/plus-pro.gif" alt="plus-pro"/></a><a href="#" title="minus-pro"><img src="../images/minus-pro.gif" alt="minus-pro"/></a></div>

                            <div class="box">1</div>

                            </li>

                            <li class="total">$3000.00<span><a href="#" title="Remove"><img src="../images/cross.gif" alt="Remove"/></a></span></li>

                        </ul>

                        <div class="clr"></div>

                    </div>

                    

                    <div class="proList">

                        <ul>

                            <li class="number">2.</li>

                            <li class="thumbMail"><a href="#"><img src="../images/listImg.gif" alt=""/></a></li>                           <li class="proName"><a href="product.htm">This is the Name of Product</a></li>

<li class="priceHead">$3000.00</li>

                            <li class="quanitity">

<div class="icons"><a href="#" title="plus-pro"><img src="../images/plus-pro.gif" alt="plus-pro"/></a><a href="#" title="minus-pro"><img src="../images/minus-pro.gif" alt="minus-pro"/></a></div>

                            <div class="box">1</div>

                            </li>

                            <li class="total">$3000.00<span><a href="#" title="Remove"><img src="../images/cross.gif" alt="Remove"/></a></span></li>

                        </ul>

                        <div class="clr"></div>

                    </div>

                    

                    <div class="proList">

                        <ul>

                            <li class="number">3.</li>

                            <li class="thumbMail"><a href="#"><img src="../images/listImg.gif" alt=""/></a></li>                           <li class="proName"><a href="product.htm">This is the Name of Product</a></li>

<li class="priceHead">$3000.00</li>

                            <li class="quanitity">

<div class="icons"><a href="#" title="plus-pro"><img src="../images/plus-pro.gif" alt="plus-pro"/></a><a href="#" title="minus-pro"><img src="../images/minus-pro.gif" alt="minus-pro"/></a></div>

                            <div class="box">1</div>

                            </li>

                            <li class="total">$3000.00<span><a href="#" title="Remove"><img src="../images/cross.gif" alt="Remove"/></a></span></li>

                        </ul>

                        <div class="clr"></div>

                    </div>

                    

                    <div class="proList">

                        <ul>

                            <li class="number">4.</li>

                            <li class="thumbMail"><a href="#"><img src="../images/listImg.gif" alt=""/></a></li>                           <li class="proName"><a href="product.htm">This is the Name of Product</a></li>

<li class="priceHead">$3000.00</li>

                            <li class="quanitity">

<div class="icons"><a href="#" title="plus-pro"><img src="../images/plus-pro.gif" alt="plus-pro"/></a><a href="#" title="minus-pro"><img src="../images/minus-pro.gif" alt="minus-pro"/></a></div>

                            <div class="box">1</div>

                            </li>

                            <li class="total">$3000.00<span><a href="#" title="Remove"><img src="../images/cross.gif" alt="Remove"/></a></span></li>

                        </ul>

                        <div class="clr"></div>

                    </div>

                    

                    <div class="proList">

                        <ul>

                            <li class="number">5.</li>

                            <li class="thumbMail"><a href="#"><img src="../images/listImg.gif" alt=""/></a></li>                           <li class="proName"><a href="#">This is the Name of Product</a></li>

<li class="priceHead">$3000.00</li>

                            <li class="quanitity">

<div class="icons"><a href="#" title="plus-pro"><img src="../images/plus-pro.gif" alt="plus-pro"/></a><a href="#" title="minus-pro"><img src="../images/minus-pro.gif" alt="minus-pro"/></a></div>

                            <div class="box">1</div>

                            </li>

                            <li class="total">$3000.00<span><a href="#" title="Remove"><img src="../images/cross.gif" alt="Remove"/></a></span></li>

                        </ul>

                        <div class="clr"></div>

                    </div>

                    

                    <div class="totalShiping">

                        <div class="txtTotal"><h4>TOTAL BEFORE SHIPPING</h4></div>

                        <div class="toalPrice">$ 1500,00</div>

                    </div>

                    <div class="clr"></div>

                </div>

                

                

                <div class="clr"></div>

                <div class="paging">

                   <div class="pagingDiv"><a href="#" title="Check Out"><img src="../images/checkOutBtn.gif" alt="Check Out"/></a></div>

                    <div class="pagingInfo"><h4><a href="#" title="CONTINUE SHOPPING">CONTINUE SHOPPING</a></h4></div>

                <div class="clr"></div> 

                </div>

                           </div>    <!-- end div #RightSide-->



            <div class="clr"></div>    <!-- BEGIN FOOTER -->

    <div id="Footer">

      <div class="footerbody">

        <div class="footercontent">Copyrights 2009 <span class="blue">Shopping Cart</span> <a href="#">privacy Notice</a> | <a href="#">Conditions of Use</a> | <a href="#">Subscribe our feed Rss</a></div>

      </div>

    </div>

    <!-- END FOOTER -->

  </div>

  <!-- END CONTENT -->

  <div id="Footerimg"> </div>

</div>

<!-- end div #Layout -->

</body>

</htm>
